<template>
  <h1>{{ msg }}</h1>
  <a href="#">测试</a> <br><br>
  <router-link to="/">
    <el-button type="success">Home</el-button>
  </router-link>
  <router-link to="/user">
    <el-button type="warning">User</el-button>
  </router-link>
  <el-button type="primary" @click="increment">element-plus+ {{ count }}</el-button>

</template>

<script setup lang="ts">
import { computed, ref } from 'vue'
import { useStore } from 'vuex'

defineProps<{ msg: string }>()

const store = useStore()

function increment() {
  store.commit('increment')
}

const count = computed(() => {
  return store.state.count
})
</script>


<style lang="less" scoped>
a {
  color: @aColor;
}

label {
  margin: 0 0.5em;
  font-weight: bold;
}

code {
  background-color: #eee;
  padding: 2px 4px;
  border-radius: 4px;
  color: #304455;
}
</style>
